<!DOCTYPE html>
<html>
<head>
    <title>Sizing Images Test: the background-size property</title>
    <link rel="author" title="yuhong" href="hello.hyu@gmail.com">
    <link rel="match" href="reference/css-backgrounds-sizingimages-001-ref.html">
    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size">
    <link rel="assert" content="The background image should not repeat in the horizontal direction, while repeating 3 times in the vertical direction. Each image should be 200px width and 200px height">

    <style type="text/css">

        .imagebox {
           width:400px;
           height:600px;
           background: url(support/test.png);
           
           background-size:50% 30%;
           background-repeat:no-repeat round;

        }
    </style>
</head>
<body>
    <p>The background image should not repeat in the horizontal direction, while repeating 3 times in the vertical direction. Each image should be 200px width and 200px height</p>
    <div class="container">
        <div class="imagebox"></div>
    </div>
</body>
</html>
